<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>数据可视化</title>
    {% block head %}
    {% endblock %}
    <!-- plugins:css -->
    <link rel="stylesheet" href="{{ url_for('static',filename='libs.bundle.css') }}"/>
    <link rel="stylesheet" href="{{ url_for('static',filename='theme.bundle.css') }}"/>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="{{ url_for('static',filename='materialdesignicons.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static',filename='vendor.bundle.base.css') }}">

    <link rel="stylesheet" href="{{ url_for('static',filename='dataTables.bootstrap4.css') }}">
    <!-- End plugin css for this page -->
    <!-- inject:css -->
    <link rel="stylesheet" href="{{ url_for('static',filename='style.css') }}">
    <!-- endinject -->
    <!--  <link rel="shortcut icon" href="images/tou.ico" type="image/x-icon">-->
    <style>
        .bi {
            display: inline-block;
            vertical-align: -.125em;
        }

        .table, table tr th, table tr td {
            border: 1px solid #ccc;
        }
    </style>

    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?668e545eeaf5292f68346197e68d738f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>


    <style>
        .iframe-preview {
            top: 80px;
            height: calc(100% - 80px);
        }

        .iframe-preview-mobile {
            width: 375px !important;
            left: 50%;
            transform: translateX(-50%);
        }

        .navbar {
            height: 80px;
            border-bottom: 6px solid var(--bs-primary) !important;
        }
    </style>
    <script src="{{ url_for('static',filename='cdn.min.js') }}" defer></script>
</head>
<body x-data="{mobile: false}">

<nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom py-0 fixed-top">
    <div class="container-fluid d-flex justify-content-between align-items-center w-100">
        <a class="text-muted" href="/">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left"
                 viewBox="0 0 16 16">
                <path fill-rule="evenodd"
                      d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"/>
            </svg>
            返回主页</a>

        <div>
        </div>
    </div>
</nav>
<div class="container-scroller">
    <!--            头部栏-->
    <nav class="navbar col-lg-12 col-12 p-0 fixed-top d-flex flex-row">
        <div class="navbar-brand-wrapper d-flex justify-content-center">
            <div class="navbar-brand-inner-wrapper d-flex justify-content-between align-items-center w-100">
                <a class="navbar-brand brand-logo" href="#"><h3>数据可视化</h3></h3></a>
                <button class="navbar-toggler navbar-toggler align-self-center" type="button"
                        data-toggle="minimize">
                    <i class="fa fa-cubes" aria-hidden="true"></i>&nbsp;
                </button>
            </div>
        </div>
        <div class="navbar-menu-wrapper d-flex align-items-center justify-content-end">
            <ul class="navbar-nav navbar-nav-right">
                <li class="nav-item nav-profile dropdown">
                    <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" id="profileDropdown">
                        <i class="fa fa-address-card-o" aria-hidden="true" style="font-size:28px"></i>
                        <span class="nav-profile-name">wen-shuran</span>
                    </a>
                </li>
            </ul>
            <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button"
                    data-toggle="offcanvas">
                <i class="fa fa-map-o" aria-hidden="true"></i>
            </button>
        </div>
    </nav>
    <!-- partial -->
    </br>
    <!--            内容-->
    <div class="container-fluid page-body-wrapper">
        <!-- 侧边栏 -->
<nav class="sidebar sidebar-offcanvas" id="sidebar">
            <ul class="nav">
                <li class="nav-item">
                    <a class="nav-link" href="{{url_for('cities_shuliang')}}" aria-expanded="false"
                       aria-controls="city-basic">
                        </br>
                        <i class="fa  fa-cogs" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="menu-title">相关城市分析</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{url_for('cities_xinzi')}}" aria-expanded="false"
                       aria-controls="city-basic">
                        <i class="fa fa-send" style="color: #000A5C;"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="menu-title">相关职位薪资分析</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{url_for('gongsi_xueli')}}" aria-expanded="false"
                       aria-controls="city-basic">
                        <i class="fa fa-map-o" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="menu-title">职位学历和公司类型分析</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{url_for('hangye_guimo')}}" aria-expanded="false"
                       aria-controls="city-basic">
                        <i class="fa fa-pie-chart" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="menu-title">相关行业和公司规模</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{url_for('hangye_xinzi')}}" aria-expanded="false"
                       aria-controls="city-basic">
                        <i class="fa fa-cubes" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="menu-title">行业薪资棒棒糖图</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{url_for('zongjie')}}" aria-expanded="false"
                       aria-controls="city-basic">
                        <i class="fa fa-line-chart" aria-hidden="true"></i>&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="menu-title">数据故事总结</span>
                    </a>
                </li>
            </ul>
        </nav>
        <!-- 画图部分 -->
        <div class="main-panel">
            <div class="content-wrapper">
                <!--欢迎-->
                <div class="row" id="tou">
                    {% block tou %}
                    {% endblock %}

                </div>

                <!--          表格-->
                <div class="row" id="table">
                    {% block table %}
                    {% endblock %}
                </div>


                <div class="row" id="ditu">
                    {% block ditu %}
                    {% endblock %}
                </div>

            </div>
            <!-- main-panel ends -->
        </div>

        <!-- page-body-wrapper ends -->
    </div>
    <!-- container-scroller -->


    <!-- plugins:js -->
    <script src="{{ url_for('static',filename='vendor.bundle.base.js') }}"></script>
    <!-- endinject -->
    <!-- Plugin js for this page-->
    <script src="{{ url_for('static',filename='Chart.min.js') }}"></script>
    <script src="{{ url_for('static',filename='jquery.dataTables.js') }}"></script>
    <script src="{{ url_for('static',filename='dataTables.bootstrap4.js') }}"></script>
    <!-- End plugin js for this page-->
    <!-- inject:js -->
    <script src="{{ url_for('static',filename='off-canvas.js') }}"></script>
    <script src="{{ url_for('static',filename='hoverable-collapse.js') }}"></script>
    <script src="{{ url_for('static',filename='template.js') }}"></script>
    <!-- endinject -->
    <!-- Custom js for this page-->
    <script src="{{ url_for('static',filename='dashboard.js') }}"></script>
    <script src="{{ url_for('static',filename='data-table.js') }}"></script>
    <script src="{{ url_for('static',filename='jquery.dataTables.js') }}"></script>
    <script src="{{ url_for('static',filename='dataTables.bootstrap4.js') }}"></script>
    <!-- End custom js for this page-->
    <script src="{{ url_for('static',filename='jquery.cookie.js') }}" type="text/javascript"></script>
    <!-- Vendor JS -->
    <!--<script src="{{ url_for('static',filename='vendor.bundle.js') }}"></script>-->
    <!-- Theme JS -->
    <script src="{{ url_for('static',filename='theme.bundle.js') }}"></script>
</div>
</body>
</html>